<!--作品栏标题-->
<h4 class="pro-header">Demos</h4>

<!--狼人杀作品-->
<div class="pro-list">
    <a class="d-block" href="https://github.com/YibaiLin/wolf_vs_human">wolf_vs_human</a>
    <p class="pro-describe">一个用jQuery写的web小游戏，可以随机分配玩家角色并记录游戏过程。在仓库的 release 页面提供安卓版本的app下载。<br><br></p>
    <p class="pro-keyword">
        <span class="pro-meta purple"></span>css jQuery
    </p>
</div>

<!--IP地理信息查询作品-->
<div class="pro-list">
    <a class="d-block" href="https://github.com/YibaiLin/geo-ip">geo-ip</a>
    <p class="pro-describe">IP 地理信息查询程序，通过调用freegeoip.net和百度地图的API来实现查询给定IP的地理位置信息，主要用到了 jsonp 和 js 动画两种技术。</p>
    <p class="pro-keyword">
        <span class="pro-meta yellow"></span>jsonp js-animation
    </p>
</div>

<!--简历作品-->
<div class="pro-list">
    <a class="d-block" href="https://github.com/YibaiLin/my_resume">my_resume</a>
    <p class="pro-describe">参考github个人主页设计，利用jQuery设置导航栏动态效果、利用angular路由模块实现SPA</p>
    <p class="pro-keyword">
        <span class="pro-meta yellow"></span>jQuery angular
    </p>
</div>